{% extends 'base.html' %}

{% block title %}Logout Confirmation - NEPSE Stock Forecasting{% endblock %}

{% block content %}
<div class="max-w-md mx-auto mt-8 bg-white rounded-lg shadow-md">
    <div class="bg-yellow-600 text-white px-6 py-4 rounded-t-lg">
        <h4 class="text-xl font-semibold">
            <i class="fas fa-sign-out-alt mr-2"></i>
            Logout Confirmation
        </h4>
    </div>
    <div class="p-6">
        <p class="mb-4 text-gray-700">Are you sure you want to logout from the admin panel?</p>
        
        <div class="flex space-x-3">
            <form method="post" class="inline">
                {% csrf_token %}
                <button type="submit" class="bg-red-600 text-white px-4 py-2 rounded-md hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transition duration-200">
                    <i class="fas fa-sign-out-alt mr-2"></i>
                    Yes, Logout
                </button>
            </form>
            
            <a href="{% url 'dashboard' %}" class="bg-gray-600 text-white px-4 py-2 rounded-md hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 transition duration-200">
                <i class="fas fa-times mr-2"></i>
                Cancel
            </a>
        </div>
    </div>
    <div class="bg-gray-50 px-6 py-3 rounded-b-lg text-center text-gray-600 text-sm">
        You will be redirected to the dashboard after logout
    </div>
</div>
{% endblock %}